﻿@model IEnumerable<vngoodlife.Article>
<link href="../../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />

<div class="article">
    @{Html.RenderAction("MenuSiteMap", "MenuList", new { menuListID = ViewBag.ArticleTypeID });}
</div>

@{  // Function chech user is admin or not
                    bool checkRoleAdmin = false;
                    string[] roleList = vngoodlife.Util.ConstantClass.commentAuthentication.Split(',');
                    foreach (string roleID in roleList)
                    {
                        if (Context.User.IsInRole(roleID))
                        {
                            checkRoleAdmin = true;
                            break;
                        }
                    }
                  }

<div style="width:680px; border-bottom: 1px solid #ccc;"></div>
@if (Model.Count() > 0)
{
          <div class="specical">
            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = Model.ElementAt(0).ArticleSeoUrl })">
                <h1>@Model.ElementAt(0).Title </h1></a>
            <div class="info">
                <span class="postnews">@*Bởi @Html.ActionLink(Model.ElementAt(0).MemberName, "MemberPopup", "Member", new { memberName = Model.ElementAt(0).MemberName },
                                        new { @class = "openDialog", data_dialog_id = "emailDialog", data_dialog_title = "Member's profile" })*@
                  @* lúc @String.Format(vngoodlife.Util.ConstantClass._partialDateTimeFormat, Model.ElementAt(0).CreateDate)*@
                       @vngoodlife.Util.GeneralClass.BuildDateTimeString(Model.ElementAt(0).CreateDate)
                </span> 
                <span class="view">Lượt xem: @Model.ElementAt(0).ViewNumber</span> 
                @*<span class="like">50</span>*@
            </div> 
           <div style="width:680px; text-align:center">
            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = Model.ElementAt(0).ArticleSeoUrl })">
                <img src="../../../Content/images/article/thumbnail/@Model.ElementAt(0).Photo" alt="@Model.ElementAt(0).Photo"/> 
            </a>
                <p>@vngoodlife.Util.GeneralClass.CutStringByWords(Model.ElementAt(0).Description, 200)</p>
            
            </div>
         </div>
}
@foreach (var item in Model.Skip(1))
{
    if (item.Focus)
    {
        <div class="specical">
            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = item.ArticleSeoUrl })">
                <h1>@item.Title </h1></a>
            <div class="info">
                <span class="postnews">@*Bởi @Html.ActionLink(item.MemberName, "MemberPopup", "Member", new { memberName = item.MemberName },
                                        new { @class = "openDialog", data_dialog_id = "emailDialog", data_dialog_title = "Member's profile" })*@
                   @*lúc @String.Format(vngoodlife.Util.ConstantClass._partialDateTimeFormat, item.CreateDate)*@
                       @vngoodlife.Util.GeneralClass.BuildDateTimeString(item.CreateDate)
                </span> 
                <span class="view">Lượt xem: @item.ViewNumber</span> 
                @*<span class="like">50</span>*@
                @*@if (checkRoleAdmin)
                {
                    <span>
                        <a href="@Url.Action("ArticleEdit", "Article", new { articleID = item.ArticleID })">[edit]</a>
                    </span>
                }*@
            </div> 
           <div style="width:680px; text-align:center">
            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = item.ArticleSeoUrl })">
                <img src="../../../Content/images/article/thumbnail/@item.Photo" alt="@item.Photo"/> 
            </a>
                <p>@vngoodlife.Util.GeneralClass.CutStringByWords(item.Description, 200)</p>
            </div>
        </div>
    }
    else
    {
        <div class="articles">
            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = item.ArticleSeoUrl })">
                <img src="../../../Content/images/article/thumbnail/@item.Photo" alt="@item.Photo"/>
                <h1 >@item.Title</h1>
                </a>
                <div class="info">
                    <span class="postnews">@*Bởi @Html.ActionLink(item.MemberName, "MemberPopup", "Member", new { memberName = item.MemberName },
                                              new { @class = "openDialog", data_dialog_id = "emailDialog", data_dialog_title = "Member's profile" }) *@
                      @*  lúc @String.Format(vngoodlife.Util.ConstantClass._partialDateTimeFormat, item.CreateDate)*@
                            @vngoodlife.Util.GeneralClass.BuildDateTimeString(item.CreateDate)
                    </span> 
                    <span class="view">Lượt xem: @item.ViewNumber</span> 
                    @*<span class="like">50</span>*@
                </div>
            <p>@vngoodlife.Util.GeneralClass.CutStringByWords(item.Description, 120)</p>
        </div>
    }
}


@*<div class="articles">
    <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Content/images/article/img05.jpg" alt=""/>
        <h1>Bài viết số 1 </h1></a>
        <div class="info">
            <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
            <span class="view">Lượt xem:1001</span> 
            <span class="like">Thích:50</span>
        </div>
    <a href="@Url.Action("ArticleDetails", "Article")">    
        <p>Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
           Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
           Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
           Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
           Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
           Nội dung chi tiết bài viết số 1</p></a>
</div>
<div class="articles">
      <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Content/images/article/img05.jpg" alt=""/>
        <h1>Bài viết số 1</h1></a>

   
        <div class="info">
            <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
            <span class="view">Lượt xem:1001</span> 
            <span class="like">Thích:50</span>
        </div>
    <a href="@Url.Action("ArticleDetails", "Article")">    
        <p>Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1</p></a>
</div>
<div class="articles">
    <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Content/images/article/img05.jpg" alt=""/>
        <h1>Bài viết số 1</h1></a>
        <div class="info">
            <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
            <span class="view">Lượt xem:1001</span> 
            <span class="like">Thích:50</span>
        </div>
    <a href="@Url.Action("ArticleDetails", "Article")">    
        <p>Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1</p></a>
</div>
<div class="articles">
    <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Content/images/article/img05.jpg" alt=""/>
        <h1>Bài viết số 1</h1></a>
        <div class="info">
            <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
            <span class="view">Lượt xem:1001</span> 
            <span class="like">Thích:50</span>
        </div>
    <a href="@Url.Action("ArticleDetails", "Article")">    
        <p>Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1</p></a>
</div>
<div class="articles">
    <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Content/images/article/img05.jpg" alt=""/>
        <h1>Bài viết số 1</h1></a>
        <div class="info">
            <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
            <span class="view">Lượt xem:1001</span> 
            <span class="like">Thích:50</span>
        </div>
    <a href="@Url.Action("ArticleDetails", "Article")">    
        <p>Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1</p></a>
</div>
<div class="specical">
    <a href="@Url.Action("Details","Article")">
        <h1>Bài viết số 1 Bài viết số 1 Bài viết số 1 Bài viết số 1 Bài viết số 1 </h1></a>
    <div class="info">
        <span class="postnews">Bởi <a href="#">skylee</a> lúc 12:11 SA 01/07/2012</span> 
        <span class="view">Lượt xem:1001</span> 
        <span class="like">Thích:50</span></div> 
   <div style="width:680px; text-align:center">
    <a href="@Url.Action("ArticleDetails", "Article")">
        <img src="../../../Image/easter-bunny-sugar-free-1366x768.jpg" alt="" /> 
        <p>Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
        Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1Nội dung chi tiết bài viết số 1
        Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1 Nội dung chi tiết bài viết số 1
        
        </p>
    </a>
    </div>
</div>*@
<!--start paging-->
<div id="container">
    <div class="pagination">
        @if (ViewBag.Previous_Mark_Visibility)
        {
		    <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = 1 })" class="page gradient" 
            title="Trang đầu">&laquo;</a>
            <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = ViewBag.PreviousPageIndex })" 
            class="page gradient" title="Trang trước">&lsaquo;</a>
        }
        @for (int j = ViewBag.BeginPage; j <= ViewBag.EndPage; j++)
        {
            if (j == ViewBag.CurrentPage)
            {
                <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = j })" class="page active">@j</a> 
            }
            else
            {
                <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = j })" class="page gradient">@j</a>
            }
        }
        @if (ViewBag.Next_Mark_Visibility)
        {
            <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = ViewBag.NextPageIndex })" 
            class="page gradient" title="Trang kế"> &rsaquo;</a>
            <a href="@Url.RouteUrl("HeaderMenuFrontend", new { menuSeoUrl = ViewBag.MenuSeoUrl, currentPage = ViewBag.LastPage })" 
            class="page gradient" title="Trang cuối">&raquo;</a>
        }
	</div>
</div>


@*<div id="container">
    <div class="pagination">
		<a href="#" class="page gradient">&laquo;</a>
        <a href="#" class="page active">1</a>
        <a href="#" class="page gradient">2</a>
        <a href="#" class="page gradient">3</a>
        <a href="#" class="page gradient">4</a>
        <a href="#" class="page gradient">5</a>
        <a href="#" class="page gradient">6</a>
        <a href="#" class="page gradient">7</a>
        <a href="#" class="page gradient">8</a>
        <a href="#" class="page gradient">9</a>
        <a href="#" class="page gradient">10</a>
        <a href="#" class="page gradient">&raquo;</a>
	</div>
</div>*@
<!--end paging-->

